@charset "utf-8";
body, div {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
}
ol, li {
    list-style: none
}
q:before, q:afer {
    content: ''
}
a {
    color: #fff;
    text-decoration: none;
}
html, body {
    font-family: '微软雅黑', Arial;
    font-size: 20px;
    /*line-height: 1.42857143;*/
    /*color: #fff;*/
    padding: 0;
    margin: 0;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-block
}
* html .clearfix {
    height: 1%
}
.clearfix {
    display: block
}
.lh150 {
    line-height: 1.5;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.f14 {
    font-size: 14px;
}
.f15 {
    font-size: 15px;
}
.f16 {
    font-size: 16px;
}
.f18 {
    font-size: 18px;
}
.f20 {
    font-size: 20px;
}
.f40 {
    font-size: 40px;
}
.fb {
    font-weight: bold;
}
.tc {
    text-align: center;
}
.tr {
    text-align: right;
}
.tl {
    text-align: left;
}
.ml5 {
    margin-left: 5px;
}
.ml10 {
    margin-left: 10px;
}
.ml20 {
    margin-left: 20px;
}
.ml30 {
    margin-left: 30px;
}
.ml40 {
    margin-left: 40px;
}
.mr5 {
    margin-right: 5px;
}
.mr10 {
    margin-right: 10px;
}
.mr20 {
    margin-right: 20px;
}
.mt2 {
    margin-top: 2px;
}
.mt3 {
    margin-top: 3px;
}
.mt5 {
    margin-top: 5px;
}
.mt10 {
    margin-top: 10px;
}
.mt15 {
    margin-top: 15px;
}
.mt20 {
    margin-top: 20px;
}
.mt30 {
    margin-top: 30px;
}
.mt40 {
    margin-top: 40px;
}
.mt50 {
    margin-top: 50px;
}
.none {
    /*display: none !important;*/
    display: none;
}
.small {
    font-size: 25px;
}

.topTitle {
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-indent: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #009bac;
    /*color: #132836;*/
    color: #FFFFFF;
    font-family: "Microsoft Ya Hei";
    font-weight: 400;
    font-size: 38px;
}
.input {
    color: #000000;
    border: solid 2px #EDEDED;
    padding: 8px;
    width: 260px;
    font-size: 32px;
    background: #FFFFFF;
    border-radius: 8px;
    letter-spacing: 1px;
}
.ordering {
    width: 100%;
    height: 100%;
    margin:0;
    padding:0;
    background: #E8E8E8;
    font-size: 50px;
}
.ordering .goodsWeight {
    width: 100%;
    height: 100%;
    margin: 0 auto 0 auto;
}
.ordering .goodsWeight .content {
    text-align: left;
}
.ordering .goodsWeight .content .text {
    margin: 30px 0 0 30px;
}
.ordering .goodsWeight .content .text .stitle {
    text-decoration: underline;
}
.ordering .goodsWeight .content .redText {
    color: red;
}
.ordering .goodsWeight .content .input {
    width: 250px;
    padding: 10px 10px 10px 10px;
    color: red;
    font-size: 90px;
}

.traceable {
    width: 100%;
    height: 100%;
    margin:0;
    padding:0;
    background: #E8E8E8;
}
.traceable .left {
    width: 500px;
    height: 100%;
    color: #FB5308;
    text-align: center;
    font-size: 60px;
}
.traceable .right {
    text-align: center;
}
.traceable .right .traceableCode {
    margin: 20px auto;
    text-align: center;
}
.main {
    width: 100%;
    height: 100%;
    margin:0;
    padding:0;
}
.main .left {
    width: 480px;
    height: 100%;
}
.main .left .top {
    height: 60px;
    line-height: 60px;
    border-bottom: solid 1px #EDEDED;
    text-align: center;
    font-size: 24px;
}
.main .left .list {
    overflow: auto;
}
.main .left .list ul {
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}
.main .left .list ul li {
    line-height: 60px;
    height: 60px;
    font-size: 26px;
    border-bottom: solid 1px #EDEDED;
}
.main .left .list ul li .name {
    width: 180px;
    overflow: hidden;
    white-space: nowrap;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    /* -webkit-margin-start: 0px; */
    -webkit-margin-end: 0px;
}
.main .left .list ul li .unitText {
    width: 150px;
    overflow: hidden;
    white-space: nowrap;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    /* -webkit-margin-start: 0px; */
    -webkit-margin-end: 0px;
    font-size: 20px;
}
.main .left .list ul li .price {
    color: #FF6347;
}
.main .left .list ul li .buyNum {
    margin: auto 6px auto 6px;
}
.main .left .totalBuy {
    width: 400px;
    height: 90px;
    line-height: 90px;
    font-size: 28px;
    text-align: left;
    border-top: solid 1px #EDEDED;
    position: absolute;
    bottom: 5px;
}
.main .left .totalBuy .price {
    color: #FF6347;
}
.main .left .totalBuy .num {
    color: #FF6347;
}

.main .middle {
    width: 400px;
    height: 100%;
    background: #E8E8E8;
}
.main .middle .top {
    height: 90px;
    line-height: 90px;
    font-size: 80px;
    font-weight: bold;
    background: #FFFFFF;
    border: solid 1px #FF6347;
    text-align: center;
}
.main .middle .top font {
    font-size: 80px; 
    color: red; 
    font-weight: bold;
}
.main .middle .qrCode {
    margin: 10px auto;
    text-align: center;
}
.main .right {
    background: #E8E8E8;
}
.main .right .ad {
    text-align: center;
}

.redBtn {
    cursor: pointer;
    display: inline-block;
    box-shadow: 0 2px 10px #c7192c, 0 2px 2px rgba(31, 25, 36, 0.8);
    border-radius: 10px;
    border: 1px solid #da3253;
    background-color: #cb1f40;
}
.redBtn:hover {
    background: #E3254D;
}
.redBtn:active {
    background: #AE1A35;
}
.disableBtn {
    cursor: pointer;
    display: inline-block;
    box-shadow: 0 2px 10px #888787, 0 2px 2px rgba(31, 25, 36, 0.8);
    border-radius: 10px;
    border: 1px solid #888787;
    background-color: #888787;
    color:#5E5E5E;
}
.normoBtn {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    border-radius: 10px;
    color: #4c7798;
    border: 2px solid rgba(76, 119, 152, 0.32);
    background-color: rgba(8, 19, 27, 0.15)
}

/*自定义滚动条 */
.scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    /*background-color: #F5F5F5;*/
}

.scrollbar::-webkit-scrollbar {
    width: 6px;
    /*background-color: #F5F5F5;*/
}

.scrollbar::-webkit-scrollbar-thumb {
    background-color: #9098a5;
    border-radius: 3px;
}

/*临时遮罩*/
.toastMsk {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -175px;
    margin-top: -100px;
    /* height: 100%;
    width: 100%; */
    z-index: 9999999;
}
.toastMsk .toast {
    z-index: 999;
    width: 350px;
    /*height: 100px;*/
    color: #FFFFFF;
    margin: 0px auto 0 auto;
    padding: 30px 15px;
    border-radius: 10px;
    box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.71);
    background: #4c7798;
    font-weight: bold;
}

/* 弹窗通用 start */
.popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    /*background: rgba(255, 255, 255, 0.6);*/
    z-index: 99990;
}
.popup .wrap {
    border-radius: 10px;
    /*background: rgba(23, 35, 48, 0.9);*/
    background: rgba(255, 255, 255, 0.9);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#172330,endColorstr=#172330);
}

.popup .wrap .topTitle {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-indent: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    /*background-color: #9199a6;*/
    /* background-color: #FF6347; */
    background-color: #009bac;
    /*color: #132836;*/
    color: #FFFFFF;
    font-family: "Microsoft Ya Hei";
    font-size: 14px;
    font-weight: 400;
}
.popup .wrap .topTitle .titleText {

}
.popup .wrap .topTitle .close {
    float: right;
    display: block;
    width: 11px;
    height: 11px;
    background: url("../img/x.png") center center no-repeat;
    margin-top: 10px;
    margin-right: 14px;
    cursor: pointer;
}
.popup .input {
    color: #000000;
    border: solid 2px #EDEDED;
    padding: 8px;
    width: 260px;
    background: #FFFFFF;
    border-radius: 8px;
    letter-spacing: 1px;
}
.popup .wrap .closeBtn {
    padding: 5px 30px 5px 30px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    box-shadow: 0 2px 10px #c7192c, 0 2px 2px rgba(31, 25, 36, 0.8);
    border-radius: 10px;
    border: 1px solid #da3253;
    background-color: #cb1f40;
}
/* 弹窗通用 end */

.popup .pay {
    width: 400px;
    height: 350px;
    margin: 50px auto 0 auto;
}

/* 称重 start */
.popup .goodsWeight {
    width: 380px;
    height: 230px;
    margin: 50px auto 0 auto;
}
.popup .goodsWeight .content {
    text-align: left;
}
.popup .goodsWeight .content .text {
    margin: 10px 0 0 30px;
}
.popup .goodsWeight .content .input {
    width: 300px;
}
.popup .goodsWeight .content .tips {
    text-align: center;
    color: #FF6347;
    margin-top: 10px;
}
.popup .goodsWeight .content .btn {
    text-align: center;
    margin-top: 10px;
}
.popup .goodsWeight .content .btn .comfirm {
    padding: 5px 30px 5px 30px;
    color: #FFFFFF;
}
/* 称重 end */

/* 添加商品 start */
.popup .addGoods {
    width: 380px;
    height: 300px;
    margin: 50px auto 0 auto;
}
.popup .addGoods .content {
    text-align: left;
}
.popup .addGoods .content .text {
    margin: 10px 0 0 30px;
}
.popup .addGoods .content .input {
    width: 300px;
}
.popup .addGoods .content .tips {
    text-align: center;
    color: #FF6347;
    margin-top: 10px;
}
.popup .addGoods .content .btn {
    text-align: center;
    margin-top: 10px;
}
.popup .addGoods .content .btn .saveGoods {
    padding: 5px 30px 5px 30px;
    color: #FFFFFF;
}
/* 添加商品 end */

/* 简易收银 start */
.popup .directSale {
    width: 380px;
    height: 300px;
    margin: 50px auto 0 auto;
}
.popup .directSale .content {
    text-align: left;
}
.popup .directSale .content .text {
    margin: 10px 0 0 30px;
}
.popup .directSale .content .input {
    width: 300px;
}
.popup .directSale .content .tips {
    text-align: center;
    color: #FF6347;
    margin-top: 10px;
}
.popup .directSale .content .btn {
    text-align: center;
    margin-top: 10px;
}
.popup .directSale .content .btn .saveDirectSale {
    padding: 5px 30px 5px 30px;
    color: #FFFFFF;
}
/* 简易收银 end */

/* 登录 start */
.popup .login {
    width: 380px;
    height: 260px;
    margin: 50px auto 0 auto;
}
.popup .login .topTitle {
    text-align: center;
    position: relative;
}
.popup .login .topTitle .regChoose {
    margin-top: 3px;
    margin-right: 10px;
    font-weight: bold;
    padding: 3px 10px 3px 10px;
    border-radius: 5px;
    color: #FF6347;
    text-align: center;
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;
    text-indent: 0;
    line-height: 16px;
    cursor: pointer;
}
.popup .login .content {
    text-align: left;
}
.popup .login .content .text {
    margin: 10px 0 0 30px;
}
.popup .login .content input {
    width: 300px;
}
.popup .login .content .tips {
    text-align: center;
    color: #FF6347;
    margin-top: 10px;
}
.popup .login .content .btn {
    text-align: center;
    margin-top: 10px;
}
.popup .login .content .btn .loginBtn {
    padding: 5px 30px 5px 30px;
    color: #FFFFFF;
}
/* 登录 end */

/* 注册 start */
.popup .reg {
    width: 380px;
    height: 340px;
    margin: 50px auto 0 auto;
}
.popup .reg .topTitle {
    text-align: center;
    position: relative;
}
.popup .reg .topTitle .loginChoose {
    margin-top: 3px;
    margin-right: 10px;
    font-weight: bold;
    padding: 3px 10px 3px 10px;
    border-radius: 5px;
    color: #FF6347;
    text-align: center;
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;
    text-indent: 0;
    line-height: 16px;
    cursor: pointer;
}
.popup .reg .content {
    text-align: left;
}
.popup .reg .content .text {
    margin: 10px 0 0 30px;
}
.popup .reg .content input {
    width: 300px;
}
.popup .reg .content .tips {
    text-align: center;
    color: #FF6347;
    margin-top: 10px;
}
.popup .reg .content .btn {
    text-align: center;
    margin-top: 10px;
}
.popup .reg .content .btn .loginBtn {
    padding: 5px 30px 5px 30px;
    color: #FFFFFF;
}
/* 注册 end */

/*弹出层*/
.msk,
.mskW {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 99990;
}
.msk .mskWrap,
.mskW .mskWrap {
    border-radius: 10px;
    background: rgba(23, 35, 48, 0.9);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#172330,endColorstr=#172330);
}
.msk .mskWrap .mskTitle,
.msgWrap .mskTitle,
.mskW .mskWrap .mskTitle {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-indent: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #9199a6;
    color: #132836;
    font-family: "Microsoft Ya Hei";
    font-size: 14px;
    font-weight: 400;
}
.msk .mskWrap .head .close,
.msk .mskWrap .mskTitle .close,
.msgWrap .mskTitle .close,
.mskW .mskWrap .mskTitle .close {
    float: right;
    display: block;
    width: 11px;
    height: 11px;
    background: url("../img/x.png") center center no-repeat;
    margin-top: 10px;
    margin-right: 14px;
    cursor: pointer;
}
.msk .chooseHero .head .close {
    float: right;
    display: block;
    width: 11px;
    height: 11px;
    background: url("../img/x.png") center center no-repeat;
    margin-top: -70px;
    margin-right: 14px;
    cursor: pointer;
}

/*右侧悬浮菜单*/
.slide{
    width: 210px;
    height: 260px;
    position: fixed;
    top: 50%;
    margin-top: -126px;
    background: white;
    right: 0;
    z-index: 999;
}
.slide div p {
    padding: 0px 20px 0px 20px;
    color: black;
}